*{
    margin:0;
    padding:0;
    list-style: none;
}
@baseColor:#006699;
.my-header{
    background-color: @baseColor;
    h1{
        color:#fff;
    }
    a{
        color: #fff;
    }
}

//轮播图区域
.mui-slider-loop{
    margin-top: 44px;
}

//导航链接
.links{
    width:100%;
    padding:10px;
    background-color: #fff;
    ul{
        li{
            width:33.3%;
            float:left;
            a{
                img{
                    width:100%;
                    vertical-align:top;
                }
            }
        }
    }
}

//品牌专区
.brand{
    width:100%;
    padding:10px;
    background-color: #fff;
    >img{
        width:100%;
        display: block;
    }
    ul{
        width:100%;
        li{
            width:25%;
            float:left;
            img{
                width:100%;
            }
        }
    }
}

//运动生活专区
.sports{
    width:100%;
    padding:10px;
    background-color: #fff;
    >img{
        width:100%;
    }
    ul{
        margin-top:5px;
        li{
            width:50%;
            float:left;    
            padding:5px;
            text-align:center;                          
            a{
                padding:0 5px;
                display: block;                      
                box-shadow:0 0 2px #ccc;  
                 img{
                    width:100%;
               }   
                >span{
                    font-size:14px;
                    color:#666;
                    padding:0 5px;                  
                  
                }    
               p{  
                   padding:0 10px;
                   white-space: normal;
                   text-overflow:ellipsis;
                   overflow:hidden;     
                   margin-bottom:0;   
                 span:first-of-type{
                   font-size:14px;
                   color:#e92332
                 }
                 span:last-of-type{
                   font-size:14px;
                   text-decoration:line-through;
                   color:#666;
                 }           
               }       
               >button{
                   padding:5px 10px;
                   margin:0 auto;
                   background-color: #006699;
                   margin-bottom:10px;
                   color:#fff;
               }
            }
           
        }
    }
}

.finish{
    margin-bottom:40px;
}












//nav区域
.my-nav{
    background-color: @baseColor; 
   .mui-tab-item{
       color: #fff;
   }
}




